<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>盗版跨境电商APP</title>
		<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>
	<body>
		<!-- 整体 -->
		<div class="box">
			<!-------------------- 顶部 ------------>
			<div class="top">
				<!-- -----------时间栏 -->
				<div class="top-time">
					<!--- 左边 -->
					<div class="top-time-left">
						<p><b>12:00</b></p>
					</div>
					<!--- 右边 -->
					<div class="top-time-right">
						<p><b>wifi</b></p>
					</div>
				</div>
				<!-- -----------------------页面栏 -->
				<div class="page">
					<!---左边 -->
					<div class="page-left">
						<span>跨境洋货仓</span>
					</div>
					<!---右边 -->
					<div class="page-right">
						<div class="page-right-1">
							<span class="page-right-span1"><b>...</b></span><span class="page-right-span">|</span>
						</div>
						<div class="page-right-1">
							<span><b>...</b></span><span class="page-right-span">|</span>
						</div>
						<div class="page-right-1">
							<span class="page-right-span2"><b>...</b></span>
						</div>

					</div>
				</div>
			</div>
			<!-- ---------------------------顶部结束 -->
			<!-- ----------------------------搜索栏 -->
			<div class="search">
				<div class="input">
					<img src="img/30.png">
					<input type="text" value="搜索物品" />

				</div>
				<div class="search-img">
					<img src="img/29.png">
				</div>
			</div>
			<!-- ----------------------------搜索结束栏 -->
			<!-- ---------------------------轮播图 -->
			<div class="rotation">
				<img src="img/1.JPEG">

			</div>
			<!-- --------------------------轮播图结束 -->
			<!-- ---------------------------类别 -->
			<div class="category">
				<div class="category-upper">
					<li>
						<a href=""><img src="img/31.png">
							<p>母婴儿童</p>
						</a>
						<a href=""><img src="img/38.png">
							<p>美妆护肤</p>
						</a>
						<a href=""><img src="img/37.png">
							<p>营养保健</p>
						</a>
						<a href=""><img src="img/36.png">
							<p>个人护理</p>
						</a>
					</li>
				</div>
				<div class="category-upper">
					<li>
						<a href=""><img src="img/35.png">
							<p>时尚轻奢</p>
						</a>
						<a href=""><img src="img/34.png">
							<p>居家生活</p>
						</a>
						<a href=""><img src="img/33.png">
							<p>每日精选</p>
						</a>
						<a href=""><img src="img/32.png">
							<p>热销榜单</p>
						</a>
					</li>
				</div>


			</div>


			<!-- ----------------------------类别结束 -->
			<!-- ----------------------------特卖 -->
			<div class="sale">
				<div class="sale-left">
					<img src="img/10.JPEG">
				</div>
				<div class="sale-right">
					<div class="sale-right-upper">
						<img src="img/11.JPEG">
					</div>
					<div class="sale-right-lower">
						<img src="img/12.JPEG">
					</div>
				</div>

			</div>


			<!-- ----------------------------特卖结束 -->
			<!-- ---------------------------- 专享-->
			<div class="vip">
				<div class="vip-top">
					<span><b>新人专享</b></span>
					<span>领取新人礼包</span>
					<span>查看更多</span><img src="img/39.png">
				</div>
				<div class="vip-img">
					<ul>
						<li>
							<a href=""><img src="img/3.JPEG">
								<p><b>￥ 29.9</b></p><del>￥ 58</del>
							</a>
							<a href=""><img src="img/4.JPEG">
								<p><b>￥ 29.9</b></p><del>￥ 58</del>
							</a>
							<a href=""><img src="img/5.JPEG">
								<p><b>￥ 29.9</b></p><del>￥ 58</del>
							</a>
							<a href=""><img src="img/6.JPEG">
								<p><b>￥ 29.9</b></p><del>￥ 58</del>
							</a>
						</li>
					</ul>
				</div>

			</div>
			<!-- ---------------------------- 专享结束-->
			<!--------------------------------热销榜-----  -->
			<div class="hot-sale">
				<div class="hot-sale-top">
					<span><b>热销榜单</b></span>
					<span>看看大家都在买什么</span>
					<span>更多商品</span><img src="img/39.png">
				</div>
				<div class="hot-sale-img">
					<div class="hot-sale-img-left">
						<ul>
							<li>
								<img src="img/7.JPEG">
							</li>
							<li>
								<img src="img/7.JPEG">
							</li>
							<li>
								<img src="img/7.JPEG">
							</li>
						</ul>

					</div>
					<div class="hot-sale-img-right">
						<ul>
							<li>
								<span>SK-II微肌因赋活修护精华霜试用装35ml装</span>
								<p class="hot-sale-img-right-p1">[日本] SK-II</p>
								<p class="hot-sale-img-right-p2"><b>￥ 29.9</b></p>
							</li>
							<li>
								<span>SK-II微肌因赋活修护精华霜试用装35ml装</span>
								<p class="hot-sale-img-right-p1">[日本] SK-II</p>
								<p class="hot-sale-img-right-p2"><b>￥ 29.9</b></p>
							</li>
							<li>
								<span>SK-II微肌因赋活修护精华霜试用装35ml装</span>
								<p class="hot-sale-img-right-p1">[日本] SK-II</p>
								<p class="hot-sale-img-right-p2"><b>￥ 29.9</b></p>
							</li>
						</ul>
					</div>


				</div>

			</div>


			<!--  --------------------------------畅销榜结束-->
			<!-- ------------------------------------品牌 -->
			<div class="brand">
				<div class="brand-top">
					<img src="img/40.png" alt=""><span><b>品牌精选</b></span><img src="img/40.png">
					<p>
						<span>热门品牌</span>
						<span>精挑细选</span>
					</p>
				</div>
				<!---------- ------------------品牌 -->
				<div class="brand-category">
					<!-- --------------品牌广告 -->
					<div class="brand-advertisement">
						<img src="img/13.JPEG">

					</div>
					<!-- ---------------品牌图片 -->
					<div class="brand-category-img">
						<ul>
							<li>
								<a href=""><img src="img/3.JPEG"></a>
								<a href=""><img src="img/6.JPEG"></a>
								<a href=""><img src="img/8.JPEG"></a>
							</li>
						</ul>
					</div>
					<!-- ------------------品牌文字------ -->
					<div class="brand-category-span">
						<ul>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
						</ul>
					</div>
				</div>
				<!-- -------------  第一类品牌结束 -->

				<!-- --------------------第二品牌 -->

				<!-- <div class="brand-top">
						<img src="img/40.png" alt=""><span><b>品牌精选</b></span><img src="img/40.png">
						<p>
							<span>热门品牌</span>
							<span>精挑细选</span>
						</p>
					</div> -->
				<!---------- ------------------品牌 -->
				<div class="brand-category">
					<!-- --------------品牌广告 -->
					<div class="brand-advertisement">
						<img src="img/16.JPEG">

					</div>
					<!-- ---------------品牌图片 -->
					<div class="brand-category-img">
						<ul>
							<li>
								<a href=""><img src="img/5.JPEG"></a>
								<a href=""><img src="img/15.JPEG"></a>
								<a href=""><img src="img/9.JPEG"></a>
							</li>
						</ul>
					</div>
					<!-- ------------------品牌文字------ -->
					<div class="brand-category-span">
						<ul>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
						</ul>
					</div>
				</div>
				<!-- -------------  第二类品牌结束 -->

				<!-- ------------------------------第三类品牌 -->

				<!-- <div class="brand-top">
							<img src="img/40.png" alt=""><span><b>品牌精选</b></span><img src="img/40.png">
							<p>
								<span>热门品牌</span>
								<span>精挑细选</span>
							</p>
						</div> -->
				<!---------------品牌 -->
				<div class="brand-category">
					<!-- --------------品牌广告 -->
					<div class="brand-advertisement">
						<img src="img/17.JPEG">

					</div>
					<!-- ---------品牌图片 -->
					<div class="brand-category-img">
						<ul>
							<li>
								<a href=""><img src="img/18.JPEG"></a>
								<a href=""><img src="img/19.JPEG"></a>
								<a href=""><img src="img/20.JPEG"></a>
							</li>
						</ul>
					</div>
					<!-- ----------品牌文字------ -->
					<div class="brand-category-span">
						<ul>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
						</ul>
					</div>
				</div>
				<!-- ------------- --- 第三类品牌结束 -->

				<!-- --------------------------------第四类品牌 -->

				<!-- <div class="brand-top">
								<img src="img/40.png" alt=""><span><b>品牌精选</b></span><img src="img/40.png">
								<p>
									<span>热门品牌</span>
									<span>精挑细选</span>
								</p>
							</div> -->
				<!---------- ------------------品牌 -->
				<div class="brand-category">
					<!-- --------------品牌广告 -->
					<div class="brand-advertisement">
						<img src="img/21.JPEG">

					</div>
					<!-- ---------------品牌图片 -->
					<div class="brand-category-img">
						<ul>
							<li>
								<a href=""><img src="img/22.JPEG"></a>
								<a href=""><img src="img/23.JPEG"></a>
								<a href=""><img src="img/24.JPEG"></a>
							</li>
						</ul>
					</div>
					<!-- ------------------品牌文字------ -->
					<div class="brand-category-span">
						<ul>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
						</ul>
					</div>
				</div>
				<!-- -------------  ------第四类品牌结束 -->

				<!-- -----------------------------------第五类品牌 -->

				<!-- <div class="brand-top">
									<img src="img/40.png" alt=""><span><b>品牌精选</b></span><img src="img/40.png">
									<p>
										<span>热门品牌</span>
										<span>精挑细选</span>
									</p>
								</div> -->
				<!---------- ------------------品牌 -->
				<div class="brand-category">
					<!-- --------------品牌广告 -->
					<div class="brand-advertisement">
						<img src="img/25.JPEG">

					</div>
					<!-- ---------------品牌图片 -->
					<div class="brand-category-img">
						<ul>
							<li>
								<a href=""><img src="img/26.JPEG"></a>
								<a href=""><img src="img/27.JPEG"></a>
								<a href=""><img src="img/28.JPEG"></a>
							</li>
						</ul>
					</div>
					<!-- ------------------品牌文字------ -->
					<div class="brand-category-span">
						<ul>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
							<li>
								<p>[法国] LANCONME</p>
								<p>法国兰LANCOME小黑瓶眼霜 15ml</p>
								<p><b>￥ 299</b><del>￥ 369</del></p>
							</li>
						</ul>
					</div>
				</div>
				<!-- -------------  第五类品牌结束 -->


			</div>
			<!-- -------------------------------品牌结束 -->
			<!-- ----------------------------------推荐-------------- -->
			<div class="recommend">
				<!-- 推荐顶部 -->
				<div class="brand-top">
					<img src="img/40.png" alt=""><span><b>为你推荐</b></span><img src="img/40.png">
					<p>
						<span>实力品牌</span>
						<span>用心甄选</span>
					</p>
				</div>
				<!-- ---------------推荐头部 -->
				<div class="recommend-header">
					<ul>
						<li>
							<span class="recommend-header-span1">品牌爆款</span><span class="recommend-header-span2">|</span>
							<span>包邮任选</span><span class="recommend-header-span2">|</span>
							<span>海淘尖货</span>
						</li>
					</ul>
				</div>
				<!-- ----------------推荐图片 -->
				<div class="recommend-img">
					<ul>
						<li>
							<img src="img/3.JPEG" >
							<img src="img/4.JPEG" >
						</li>
					</ul>
				</div>
				<!-- -----------------推荐文字 -->
				<div class="recommend-span">
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
				</div>
				<!-- -----------------第一类推荐结束 -->
				<!-- ----------------第二类推荐图片 -->
				<div class="recommend-img">
					<ul>
						<li>
							<img src="img/5.JPEG" >
							<img src="img/6.JPEG" >
						</li>
					</ul>
				</div>
				<!-- -----------------推荐文字 -->
				<div class="recommend-span">
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
				</div>
				<!-- -----------------第二类推荐结束 -->
				<!-- ------------------------第三类推荐图片 -->
				<div class="recommend-img">
					<ul>
						<li>
							<img src="img/8.JPEG" >
							<img src="img/9.JPEG" >
						</li>
					</ul>
				</div>
				<!-- -----------------推荐文字 -->
				<div class="recommend-span">
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
				</div>
				<!-- -----------------第三类推荐结束 -->
				<!-- -----------------------------第四类推荐图片 -->
				<div class="recommend-img">
					<ul>
						<li>
							<img src="img/14.JPEG" >
							<img src="img/15.JPEG" >
						</li>
					</ul>
				</div>
				<!-- -----------------推荐文字 -->
				<div class="recommend-span">
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
					<div>
						<p>
							法国兰蔻LANCOME小黑瓶眼霜 15ml
						</p>
						<p>
							<b>￥ 299 </b><del>￥ 369</del>
						</p>
					</div>
				</div>
				<!-- -----------------第四类推荐结束 -->
			</div>
			<!--------------------------推荐结束  -->
			<!-- -------------------------假一赔十-------------- -->
			<div class="ensure">
				<div class="ensure-top">
					<span class="ensure-top-span1">跨境洋货仓</span>
					<p>
						<span>买全球</span>
						<span>卖全球</span>
					</p>
				</div>
				<!-- ---------图片 -->
				<div class="ensure-img">
					<ul>
						<li>
							<img src="img/41.png" >
							<img src="img/42.png" >
							<img src="img/43.png" >
							<img src="img/44.png" >
						</li>
					</ul>
					
				</div>
				<!-- -------文字 -->
				<div class="ensure-span">
					<ul>
						<li>
							<span>全球采购</span>
							<span>正品保证</span>
							<span>品质溯源</span>
							<span>假一赔十</span>
						</li>
					</ul>
				</div>
			</div>
			<!-- ----------------假一赔十结束 -->
			<!-- ------------------底部------------ -->
			<div class="lowset">
				<div class="lowset-img">
					<ul>
						<li>
							<img src="img/32.png" >
							<img src="img/32.png" >
							<img src="img/32.png" >
							<img src="img/32.png" >
							<img src="img/32.png" >
						</li>
					</ul>
					
				</div>
				<div class="lowet-span">
					<ul>
						<li>
							<span>首页</span>
							<span>分类</span>
							<span>店铺</span>
							<span>购物袋</span>
							<span>我的</span>
						</li>
					</ul>
				</div>
			</div>
		</div>





	</body>
</html>
